<!DOCTYPE">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>第二题不断移动的div</title>
  <style>
  #box{
    background:rgb(0,0,0);
  }
  </style>
</head>
<body>
  <div id="box"style="width: 200px;height: 200px;"></div>
</body>
<script>
  //   function color(x,y,z){
  //     var r=g=b=0;
  //       setInterval(function(){
  //         if(r<256&&b<256&&g<256){
  //           box.style.background = "rgb("+r+","+g+","+b+")";
  //           r+=x;
  //           g+=y;
  //           b+=z;
  //         }	
  //       },100)
  //   }
   
  //  color(1,2,3);

   
	
</script>
<script>
  let div = document.querySelector('div');
  let T = setInterval(run,25)
  let x = 0;
  let y = 0;
  let z = 0;
  function run(){
    if(x<256&&y<256&&z<256){
      div.style.backgroundColor = `rgb(${x},${y},${z})`
      console.log(div.style.backgroundColor)
      x++;
      y++;
      z++;
    }
  }
 

</script>
</html>